Top 20 Inspirational And Beautiful CSS Horizontal Menu Demos
2. CSS3 Menu
CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw
ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.
You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.
Vertu – Simple Mega Menu is simple and easy mega menu with many functions.Accordion horizontal panels
Metro Style Menu
4 levels drop down horizontal menu
Multi-Functional Menu
Easy to change structure via CSS
Simple menu construction
Menu is made with HTML5, CSS3 and jQuery. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Horizontal Submenus
Responsive 3D Mega Drop Down Menu (latest ver 1.Responsive 3D Mega Drop Down Menu is a flexible and high customizable to build your custom menus. It is very easy to build a horizontal or verticalmenu. In addition to you can set up the menu item drop down by clicking or hovering. Horizontal and vertical versions
Click/hover behavior choice on the mega drop menu options page
Fly-out Menu with Unlimited Sublevels
Valid XHTML / CSS 3 markup
This menu has been tested (and works !) in all the following browsers :
This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Horizontal Submenus
Responsive Vertical Dashboard Menu using Jquery ,html and css. This menu compatible for all devices resolution. You can use this Responsive Vertical Dashboard Menu in your projects.3 menu variant (Vertical, Minimalist Vertical, Horizontal(Top))
Valid XHTML / CSS 3 markup
This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9 and 8, but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Horizontal Submenus
BETI – Accordion Menu
Horizontal
Added Horizontal Accordion Menu
Pofi – Animated Tabs And accordion menu jQuery horizontal
In addition, any plugin parameter can be overwritten directly from each menu <ul> data-attributes.Valid XHTML / CSS 3 markup
Multiple menus on one page: and you can control almost anything for each menu, easy!
Smart options management: each plugin parameter can be overwritten by an equivalent data attribute inside the <ul> tag of each menu, in this way you can set overall rules for all navbars on the website, but you can customize each menu simply adding attributes in the markup!
Horizontal or vertical orientation
Alpha or vertical menu CSS FX for simple menu dropdown CSS levels
Useful css class based element override: you can override buttons or dropdowns style simply adding classes.Responsive toggle-menu button: you can enable or disable a menu wrapper with show/hide automatic button. Added tab mode (menu can be used as a tabbed interface)
Some CSS improvements
Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…
Support both Horizontal and Vertical Tab.Navion – Metro Navigation Menu Accordion Switcher CSS
Tabion CSS – Metro Tab Accordion Switcher
TileBox – Modern Responsive LightBox CSS
OneMenu – Responsive Metro UI Menu
Cream Tabs it is a mix of tabs and menu CSS3 horizontal with content slider.Menu position: vertical/horizontal
On small screen, the accordion horizontal tabs turns into a vertical accordion.Note 1: for a better experience, the menu can handle only 8 buttons.
NEGAR – Responsive Animated Menu V2. Every Menu, An Animated Effect
EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU
Top Horizontal
Bottom Horizontal
Added Tow Vertical Menu (Left And Right Position) For Each Style
Added Two Horizontal Menu (Header And Footer) For Each Style
Aram – Responsive Mega DropDown Menu V2.
Tabion – Metro Tab Accordion Switcher CSS
Tabion – Metro Tab Accordion Switcher CSS is a small CSS plugin that is used to create Tab with Metro UI style.Horizontal + Vertical Styles.If you like to see the plugin documentation you can check it here: Tabion CSS Documentation
Navion – Metro Navigation Menu Accordion Switcher CSS
TileBox – Modern Responsive LightBox CSS
OneMenu – Responsive Metro UI Menu
MenuStation – Unlimited Responsive Menu
Metro Navigation Bar CSS
This is a very simple and elegant menu created purely in css3.- CSS 3 Animation Effects
- CSS 3 Transition Effects (not for all browser)
DeepMenu is a multi-level navigation menu with four different transitions between layers and nearly 20 other properties for customization. If JavaScript is disabled, it works as a menu CSS3 horizontal menu.JS, CSS and HTML files
Flexy is a menu component based in CSS and Javascript code. You can use Flex Menu it as a horizontal or vertical menu. It is a responsive and collapsible menu, suitable for any type of website.Horizontal and Vertical
Javascript/CSS effects
CSS3 Vertical & Horizontal Accordion
Folder CSS3 Accordion Vertical Menu
Folder CSS3 Accordion Horizontal